<template>
  <div @click.stop="handleSelect" class="item-select">
    选择项目 <span class="icon">&#xea07;</span>
  </div>
</template>

<script>
export default {
  computed: {
    sid() {
      return this.$store.state.reservation.formData.sid;
    },
  },
  methods: {
    handleSelect() {
      if (this.sid) {
        this.$router.push({
          name: "reservationSelectItem",
        });
      }
    },
  },
};
</script>

<style lang="scss" scoped>
.item-select {
  display: block;
  text-align: center;
  -webkit-user-select: none;
  padding: 0 10px;
  font-size: 14px;
  line-height: 3;
  .icon {
    vertical-align: middle;
  }
}
</style>
